<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
<!--    <link rel="icon" type="image/png" href="images/favicon.ico">-->
    <title>图像识别</title>
    <style>
        .container {
            display: flex;
            justify-content: space-between;
        }

        .left-panel, .right-panel {
            flex: 1;
        }
    </style>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-4SSKBXPJZK"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-4SSKBXPJZK');
    </script>

    <!-- Microsoft Clarity -->
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "ldm95nliee");
    </script>
</head>
<body>
<h1>电子垃圾识别分类</h1>
<h2>斯黄明德十二日重制版</h2>
<div class="container">
    <div class="left-panel">
        <form>
            <input type="file" name="image">
            <br><br>
            <img id="preview" src="" alt="图片未上传或无法显示">
        </form>
    </div>
    <div class="right-panel">
        <button type="button" onclick="recognizeImage()">识别</button>
        <div id="response-time"></div>
        <div id="result"></div>
    </div>
</div>
<script src="script.js"></script>
<footer>
    <p>联系方式: <a href="mailto:developer@skstudio.cn">developer@skstudio.cn</a></p>
    <p>版权所有 © 2024 斯黄. 采用 <a href="https://opensource.org/licenses/MIT" target="_blank">MIT 许可协议</a>.</p>
</footer>
</body>
</html>
